<div class="">
    <div class="row ">
        <div class="col-lg-12 text-right">

        </div>
    </div>

    <div class="margin-top">
        <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
            <thead>
                <tr>
                    <th class="text-center">规格名称</th>
                    <th class="text-center">库存</th>
                    <th class="text-center">销量</th>
                    <th class="text-center">金额/积分</th>
                    <th class="text-center">成本价</th>
                    <th class="text-center">业主价</th>
                    <th class="text-center">会员价格</th>
                    <th class="text-center">市场价</th>
                    <th class="text-center">抵扣金</th>
                    <th class="text-center">条形码</th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="spec in productDetailSpecInfo.specs">
                    <td class="text-center">{{spec.specName}}</td>
                    <td class="text-center">{{spec.stock}}</td>
                    <td class="text-center">{{spec.sales}}</td>
                    <td class="text-center">{{spec.price}}</td>
                    <td class="text-center">{{spec.costPrice}}</td>
                    <td class="text-center">{{spec.ownerPrice}}</td>
                    <td class="text-center">{{spec.vipPrice}}</td>
                    <td class="text-center">{{spec.otPrice}}</td>
                    <td class="text-center">{{spec.deduction}}</td>
                    <td class="text-center">{{spec.barCode}}</td>

                </tr>
            </tbody>
        </table>
        <!-- 分页 -->
        <div class="row">
            <div class="col-sm-4">

            </div>
            <div class="col-sm-8">
                <vc:create namespace="productDetailSpec" path="frame/paginationPlus"></vc:create>
            </div>
        </div>
    </div>
</div>